<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>工作经历</title>
	</head>
	<body>
		<h2>工作经历</h2>
		<hr style="height:1px;border:none;border-top:1px solid #555555;" />
		<div id="div1">
		公司名称：<input type="text" name="" id="" value="" />
		职位：<input type="text" name="" id="" value="" />
		<a href="#" onclick="num2()">删除工作经历</a>
		<br>
		<br>
		<label>工作职责及工作内容描述：</label>
		<textarea rows="10" cols="75	"></textarea>
		<hr style="height:1px;border:none;border-top:1px solid #555555;" />
		</div>
		<p style="text-align: right;"><a href="#" onclick="num1()">添加工作经历</a></p>
		
		
	</body>
	<script type="text/javascript">
		function num1() {
			var div1Obj = document.getElementById('div1');
			// var sonDiv = document.createElement('div');
			// sonDiv.id = 'div2';
			// sonDiv.innerHTML = '第二个div';
			// div1Obj.appendChild(sonDiv)
			div1Obj.innerHTML += `
				<div id="div2">
				公司名称：<input type="text" name="" id="" value="" />
				职位：<input type="text" name="" id="" value="" />
				<a href="#" onclick="num2()">删除工作经历</a>
				<br>
				<br>
				<label>工作职责及工作内容描述：</label>
				<textarea rows="10" cols="75"></textarea>
				<hr style="height:1px;border:none;border-top:1px solid #555555;" />
				</div>
			`
		}
		function num2(){
			var div1Obj= document.getElementById('div1');
			var div2Obj = document.getElementById('div2');
			div1Obj.removeChild(div2Obj)
		}
	</script>
</html>
